<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // cookie的缺点
    // cookie的缺点主要集中于安全性和隐私保护
    // 1. cookie可能被禁用
    // 2. cookie不能跨浏览器 / 不能跨网站
    // 3. cookie可能被删除
    // 4. cookie安全性不够高
    // 5. 在浏览器向服务器发送请求时  cookie会随着请求(请求可以携带一定的数据)一同发送给服务器, 会影响请求和响应的速率  (优点: 可以携带一部分数据 缺点: 有cookie,必须带)
    // 6. cookie 存储大小为4k ,  cookie的存储条数 一般为50条


    // WebStorage  网页存储(H5新增)
    // WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。

    // WebStorage两个主要目标：
    // 1.提供一种在cookie之外存储会话数据的路径  (一种新的在用户本地 存储数据的方式)
    // 2.提供一种存储大量可以跨会话存在的数据的机制  (webStorage也可以跨页面访问 )
    // HTML5的WebStorage提供了两种API：localStorage（本地存储）和  sessionStorage（会话存储）

    // 官方提供了操作数据的API(属性和方法)
    
    // 如何查看localStorage（本地存储）和  sessionStorage（会话存储）
    // 1. 手动查看(代码调试) => 开发者工具 => application => Storage  => localStorage/sessionStorage（会话存储）

    // 2. JS查看  => localStorage/sessionStorage  全局对象,可以直接访问

    console.log(window.localStorage);
    console.log(window.sessionStorage);
 




</script>
</html>